نوشته شده توسط : رضا

نحوه استفاده از کدهای جاوا اسکرپت در صفحه

به طور کلی به سه طریق می توانیم از جاوا اسکرپت در یک صفحه استفاده کنیم:

  1. وارد کردن اسکرپت در بخش صفحه
  2. وارد کردن جاوا اسکرپت در بخش صفحه
  3. استفاده از فایل اسکرپت خارجی

به یاد داشته باشید که می توانید از همه روشهای بالا به طور همزمان برای وارد کردن جاوا اسکرپت در صفحه استفاده کنید.

در دو روش اول کدهای جاوا اسکرپت به طور مستقیم وارد صفحه HTML می شوند. برای وارد کردن جاوا اسکرپت در این دو روش از تگ script استفاده می شود. تمامی کدهای جاوا اسکرپتی که می خواهید به طور مستقیم وارد صفحه کنید باید در تگ script قرار داشته باشند وگرنه مرورگر به جای به کار بردن آنها را به صورت متن در صفحه نمایش می دهد. معمولاً کدهای جاوا اسکرپت با ساختار زیر وارد صفحه می شوند :

در تگ بالا برای مشخص کردن نوع موتور اسکرپتی که مرورگر باید برای تفسیر کردن کد استفاده کند از دو شناسه language و type استفاده می کنیم.


وارد کردن اسکرپت در بخش

در هنگام باز شدن یک صفحه وب عناصر موجود در بخش قبل از سایر اجزای صفحه لود می شوند. معمولاً هنگامی کدهای جاوا اسکرپت در بخش متن استفاده می شود که بخواهیم مطمئن شویم به هنگام نیاز کدهای ما لود شده اند.

در اینجا یک مثال از استفاده از جاوا اسکرپت در را مشاهده می کنید:








روی این متن کلیک کنید




برای مشاهده صفحه ساخته شده با کد بالا اینجا را کلیک کنید.


وارد کردن جاوا اسکرپت در قسمت بدنه متن HTML

این امکان وجود دارد که کدهای جاوا اسکرپت را در قسمت صفحه وارد کنیم. در این صورت لود شدن آنها تا هنگامی که آن بخش از صفحه لود شود به عقب می افتد و اگر صفحه به صورت کامل باز نشود ممکن است اسکرپت ما کار نکند. مثال زیر یک نمونه از وارد کردن جاوا اسکرپت در صفحه HTML را نشان می دهد:


جاوا اسکرپت در بدنه صفحه



برای مشاهده صفحه مربوط به کد بالا اینجا را کلیک کنید


فرا خوانی اسکرپت خارجی به صفحه

گاهی اوقات ممکن است بخواهید از یک سری از کدهای جاوا اسکرپت برای چندین صفحه استفاده کنید و نمی خواهید همه آنها را به صورت جداگانه در هر صفحه بنویسید. در این مواقع می توانید کدهای مورد نظر خود را در یک فایل متنی وارد کنید و آنرا با پسوند js. ذخیره کنید. در هر صفحه ای که بخواهید از این فایل استفاده کنید کافی است آنرا در آن صفحه فرا خوانی کنید. ( به یاد داشته باشید که در این فایلهای خارجی نباید از تگهای

برای مشاهده صفحه ای که فایل ذخیره شده ما را فرا خوانی می کند اینجا را کلیک کنید.



:: موضوعات مرتبط: اصول نوشتن جاوا اسکریپت , ,
:: بازدید از این مطلب : 531
|
امتیاز مطلب : 112
|
تعداد امتیازدهندگان : 30
|
مجموع امتیاز : 30
تاریخ انتشار : پنج شنبه 14 بهمن 1389 | نظرات ()

صفحه قبل 1 صفحه بعد